<h:panelGroup xmlns:h='http://java.sun.com/jsf/html'
              xmlns:p='http://primefaces.org/ui'
              xmlns:z='http://savanti.com.bo/ui'
              xmlns:x='http://java.sun.com/jsf/composite/ui/component'
              xmlns:e='http://java.sun.com/jsf/composite/ui/component-entity' styleClass='ITTraspaso' id='ITTraspaso'><p:growl id='growl'/>

<z:focus focus='#{ITTraspaso.focus}'/>

<z:beanMenubar bean='#{ITTraspaso}' title='Traspaso #{ITTraspaso.entity.id}'/>


<h:panelGrid columns='1' width='100%' rendered='#{ITTraspaso.form}'>

<h:panelGrid id='bean' columns='2' styleClass='bean align-top'>

  <x:beanPanel id='hd' bean='#{ITTraspaso}' title='Cabecera Destino' cellpadding='7'>

  <x:fieldL b='#{bean}' t='Almacen'      w='150px' v='#{bean.almacenId}' tp='Destino'/>

  <e:fieldI b='#{bean}' p='Documento'   w='100px'/>

  <x:fieldS b='#{bean}' t='Persona'     w='150px' v='#{bean.persona}' x='#{x}' xL='#{x.nombre}' onkeydown='tab()' tp='Destino'/>

  <e:fieldD b='#{bean}' p='Fecha'       w='100px' x='t'/>

  <e:fieldA b='#{bean}' p='Descripcion' w='150px'/>

  </x:beanPanel>


  <x:beanPanel id='ps' bean='#{ITTraspaso}' title='Posicion Origen' cellpadding='5' style='min-width: 500px'>

  <h:panelGrid columns='1' cellpadding='3' style='margin-right: 22px'>

  <x:fieldL b='#{bean}' t='Almacen'  v='#{bean.kardex.almacen.id}' tp='Origen'/>

  <x:fieldS b='#{bean}' t='Persona'  v='#{bean.kardex.persona}'  x='#{x}' xL='#{x.nombre}' id='personaId' onkeydown='tab()' w='247px' tp='Origen'/>

  <x:fieldM b='#{bean}' t='Producto' v='#{bean.kardex.material}' x='#{x}' id='materialId'/>

  <x:fieldA b='#{bean}' t='Cantidad' v='#{bean.kardex.salidaCantidad}' l='detailAdd' id='cantidadId'/>

  </h:panelGrid>


  <x:materialImage c='#{ITTraspaso.kardex.material.id}' t='Stock' v='#{ITTraspaso.stock}' tooltip='#{ITTraspaso.kardex.material.valuacion}'/>

  </x:beanPanel>

</h:panelGrid>


<x:materialTable bean='#{ITTraspaso}' ls='#{ITTraspaso.entity.lsKardex}' edit='#{not ITIngreso.isRead}'>

<p:column headerText='Nombre'   sortBy='#{x.material.nombre}'><h:outputText value='#{x.material.codigo} - #{x.material.nombre}'/></p:column>

<p:column headerText='Cantidad' sortBy='#{x.salidaCantidad}'  style='width:55px'><z:outputN v='#{x.salidaCantidad}' r='0'/></p:column>

<p:column headerText='Almacen'  sortBy='#{x.almacen.nombre}'  style='width:100px'><h:outputText value='#{x.almacen.nombre}' title='#{x.almacen.codigo}'/></p:column>

<p:column headerText='Persona'  sortBy='#{x.persona.nombre}'  style='width:100px'><h:outputText value='#{x.persona.nombre}' title='#{x.persona.nombre}'/></p:column>

</x:materialTable>

</h:panelGrid>

</h:panelGroup>